<script setup>
//1、定义属性：属性的值可以由父组件传递并改变
let props = defineProps({
  brand: {
    type: String,
    default: "哈哈",
    required: true
  },
  power: Number
});
//2、定义事件：可以通过事件通知方式，改变父组件的数据
let emits = defineEmits('start');

function engineStart() {
  //触发事件
  emits('start', {speed: 100, petrol: '40L'})
}
</script>

<template>
  <div>
    <p>品牌：{{ props.brand }}</p>
    <p>马力(匹)：{{ props.power }}</p>
    <button @click="engineStart">启动</button>
  </div>
</template>

<style scoped>

</style>